extends tpl/index.pug
include tpl/basic.pug

append vars
  - var title = "案例"

block style
  link(rel="stylesheet", href="style/outcase.css")
  link(rel="stylesheet", href="lib/swiper.min.css")
block page
  .header.m-showcase
    .s-top
      +dh()
    img(src="image/bg-large.png", alt="" width="100%")
  .show-body
    .pjbg
      .info
        .title 项目背景
        .subtitle BACKGROUND
        .desc 情报采集分析平台项目是飓风UCD为国家某保密单位设计的一套情报管理系统。主要功能包括情报搜集分析、查看今日情报、浏览情报热词、查看情报载体排行。

        .desc 在进行具体设计之前，我们首先对内容主题进行研究，从海量数据中抽取出重点基础的元数据；其次进行元数据的研究，从元数据中提炼出维度的属性，然后具体思考产品的具体框架与落地实施方案。我们以提炼元数据-确定优先级-合并维度-寻找解决方案的思路进行设计的实施。
      img(src="image/pjbg-img.png", alt="项目背景图片")
    .ideas
      .show-title.step1 设计思路 
        span INTERACTION DESIGN
      .desc 数据可视化项目一直以来都是飓风UCD最为擅长的设计类型，在前期调研中我们紧扣科技感、层次感，展现视觉冲击力。视觉设计过程中，我们分别考虑静态视觉样式与动态展现效果。以“紧扣科技感、层次感”的设计理念，运用安全的视觉元素，结合实时数据变化的紧张感，确立独特的产品调性。
    .design
      .left
      .right
        .show-title.step2 原型设计 
          span INTERACTION DESIGN
        .desc 原型阶段我们反复阅读项目文档，领会项目要传达的主旨。通过沟通客户需要订制一个酷炫地球效果，我们使用前沿技术还原了酷炫地球效果。
    .colors
      .show-title.step3 色彩选择  
        span INTERACTION DESIGN
      .desc 色彩选择上我们精心选取了蓝紫色作为大屏项目主色调，明黄色和天蓝色作为辅助色。作为经验丰富的数据可视化专业设计团队，我们深知深色作为背景色会取得良好的视觉效果与最佳呈现，配合3D旋转地球，效果震撼。在方案交付客户验收阶段，客户对我们的配色方案予以高度评价与赞赏专业执着是我们的一贯目标。
      .lists
        div #1d2cf5
        div #ffc028
        div #ffc028
    .details
      .left
        .show-title.step4 细节展示
          span  &nbsp;&nbsp;INTERACTION DESIGN
        .desc 动态大屏项目，实时更新的图表是一大亮点。我们推陈出新，开拓性的使用了FUI科幻电影中的表达方式，融入项目当中。使观赏体验极大增强，客户非常满意。
      .right
        img(src="image/details-img.png", alt="细节展示")
        .lists
          .list 越共中央决定免除丁罗升中央政治局委员职务
            span 05-05 08:54
          .list 村书记18年内私吞1.5亿元 被抓后村民放炮庆祝
            span 05-04 06:14
          .list 客人异国寻“不存在酒店”到天亮 仅获赔百元
            span 05-04 14:31
          .list 谢阳当庭否认所谓酷刑谣言 表示无刑讯逼供行为
            span 05-03 22:09
  .m-bth.o-width
    a(href="/netletter-index.html").prev 上一个案例
    a(href="/breeze.html").next 下一个案例
  +slide()
  append script
    script(src="lib/jquery.min.js") 
    script(src="lib/swiper.min.js") 
    script(src="js/index.js") 